<template>
  <!-- Facebook拓客系统 -->
  <div class="facebook">
    <!-- 首图 -->
    <banner :bdata="bannerData">
      <button class="banner_warp_item_bot">免费试用</button>
    </banner>

    <!-- Facebook拓客系统能做什么 -->
    <doyou :dyData="dyList"></doyou>

    <!-- Facebook拓客系统适用于以下场景 -->
    <changjing :whcj="cjData"></changjing>

    <!-- Facebook拓客系统的优势 -->
    <advantage :advantage="tageList"></advantage>

    <!-- 客户案例 + 轮播 -->
    <khcase :lbata="lblist"></khcase>

    <!-- 51出海 -->
    <gotosea :sealist="seaData"></gotosea>

    <!-- 出海资讯 -->
    <outsea :lbata="seaHandel"></outsea>
  </div>
</template>

<script>
import banner from "@/components/banner"; //首图
import doyou from "@/components/doyou"; //Facebook拓客系统能做什么
import changjing from "@/components/changjing"; //适用于以下场景
import advantage from "@/components/advantage"; //Facebook拓客系统的优势
import khcase from "@/components/khcase"; //客户案例
import gotosea from "@/components/gotosea"; //51出海
import outsea from "@/components/outsea"; //出海资讯+轮播

export default {
  name: "facebook",
  components: {
    banner,
    doyou,
    changjing,
    advantage,
    khcase,
    gotosea,
    outsea,
  },
  data() {
    return {
      bannerData: {
        bkImage: {
          backgroundSize: "100% auto",
          backgroundRepeat: "no-repeat",
          backgroundImage:
            "url(" +
            require("@/assets/product_page_title/top_page_facebook_bg.png") +
            ")",
        },
        list: {
          title: "Facebook拓客系统",
          content:
            "基于Facebook进行、用户数据采集、指定范围涨粉、自动定时发帖、多账号聚合聊天的引流推广系统",
        },
      },
      dyList: {
        title: "Facebook拓客系统能做什么",
        list: [
          {
            tiname: "用户数据采集",
            imgUrl: require("@/assets/Product_page_facebook_desktop/user_data_collection_img.png"),
            warp: [
              {
                url: require("@/assets/Product_page_facebook_desktop/icon_hi-precision_user_target.png"),
                name: "高精准用户定向",
                duan: "可定向采集Facebook特定兴趣的群组、公共主页，精准获取高质量客户数据",
              },
              {
                url: require("@/assets/Product_page_facebook_desktop/icon_mulity_dimension_data_collction.png"),
                name: "多维数据采集",
                duan: "支持获取包含为UID、姓名、性别、生日、邮箱、电话、地区等多种资料",
              },
              {
                url: require("@/assets/Product_page_facebook_desktop/icon_user_resource_filter.png"),
                name: "客户资源筛选",
                duan: "采集后的数据可以进行多方位筛选，提取出更精准的客户数据表单，提供定向涨粉元数据。",
              },
            ],
          },
          {
            tiname: "指定范围涨粉",
            imgUrl: require("@/assets/Product_page_facebook_desktop/limited_range_fans_grow_img.png"),
            warp: [
              {
                url: require("@/assets/Product_page_facebook_desktop/icon_subdivision_tag_precise_fans_grow.png"),
                name: "细分标签精准加粉",
                duan: "可指定国家、性别、年龄、行业等标签进行目标人群快速添加Facebook好友",
              },
              {
                url: require("@/assets/Product_page_facebook_desktop/icon_preset_words_guide_follow.png"),
                name: "预设话术引导互关",
                duan: "批量加粉并发送预设话术，通过大批量加粉与话术引导互关快速涨粉",
              },
              {
                url: require("@/assets/Product_page_facebook_desktop/icon_vcf_contacts_fans_grow.png"),
                name: "VCF通讯录加粉",
                duan: "可通过一键导入VCF号码通讯录，快速定位高精确目标人群进行加粉营销",
              },
            ],
          },
          {
            tiname: "自动内容营销",
            imgUrl: require("@/assets/Product_page_facebook_desktop/auto_content_marketing_bell_img.png"),
            warp: [
              {
                url: require("@/assets/Product_page_facebook_desktop/icon_auto_timing_post.png"),
                name: "定时发帖",
                duan: "7*24小时定时定点发帖，多重话术设置,全自动化内容营销SOP",
              },
              {
                url: require("@/assets/Product_page_facebook_desktop/icon_out_site_traffic_import.png"),
                name: "站外引流",
                duan: "适用于独立站进行产品推广，也可引流到各大电商平台如亚马逊、Shopee、Lazada等，还可适用于游戏出、APP引流等",
              },
              {
                url: require("@/assets/Product_page_facebook_desktop/icon_kol_character_auto_setting.png"),
                name: "KOL人设自动化打造",
                duan: "通过预设话术脚本与批量涨粉技术，快速打造FaceBook带货KOL",
              },
            ],
          },
          {
            tiname: "多坐席客服拓客",
            imgUrl: require("@/assets/Product_page_whatsapp_desktop/real_customer_serive_online_img.png"),
            warp: [
              {
                url: require("@/assets/Product_page_whatsapp_desktop/title_icon_mono_customer_service_100.png"),
                name: "单客服即可操纵上百账号",
                duan: "通过单个聚合聊天页面即可随时切换账号并对接数以万计的群发目标账号",
              },
              {
                url: require("@/assets/Product_page_whatsapp_desktop/title_icon_leader_watching.png"),
                name: "主管实时监控客服对接情况",
                duan: "通过聚合聊天系统,主管可以直接监控每个坐席客服的实时对接情况,并且具备加粉、聊天计数等数据统计功能",
              },
              {
                url: require("@/assets/Product_page_whatsapp_desktop/title_icon_chat_assitant.png"),
                name: "快捷聊天辅助",
                duan: "自动回复、关键词回复、快捷话术、即时翻译器......多种聊天辅助功能,轻松提高客服对接效率",
              },
            ],
          },
        ],
      },
      cjData: {
        title: "Facebook拓客系统适用于以下场景",
        list: [
          {
            imgUrl: require("@/assets/Product_page_facebook_desktop/facebook_user_data_get_img.png"),
            name: "用户数据获取",
            content:
              "指定群组、公共主页进行用户数据采集,获取用户如UID、邮箱、电话等信息,便于后续进行定向加粉、EDM、短信群发、whatsapp群发、Facebook广告自定义受众等营销手段",
          },
          {
            imgUrl: require("@/assets/Product_page_facebook_desktop/kol_fans_grow_img.png"),
            name: "KOL涨粉",
            content:
              "快速指定全球目标地区用户涨粉,打造目标地区kol，无论是电商还是其它营收项目,都可先收获流量方便后续变现。",
          },
          {
            imgUrl: require("@/assets/Product_page_facebook_desktop/content_marketing_photo_img.png"),
            name: "内容营销",
            content:
              "自动定时发布帖子，进行营销自动化,可通过不断的产品推广信息和自我曝光实现内容营销,增加引流变现能力",
          },
          {
            imgUrl: require("@/assets/Product_page_facebook_desktop/target_trafficdata_import_img.png"),
            name: "定向引流",
            content:
              "可进行独立站、电商平台等店铺的站外引流,对于出海app、手游或其它社交平台主页(如INS、Twitter. Facebook等)也可以实现定向引流，提高目标流量。",
          },
        ],
      },
      tageList: {
        title: "Facebook拓客系统的优势",
        list: [
          {
            imgUrl: require("@/assets/Product_page_whatsapp_desktop/global_target_user_get_img.png"),
            name: "全球精准客户资源获取",
            content:
              "生成任意地区号码,筛选活跃开通账号，消息群发最终转化精准客户资源",
          },
          {
            imgUrl: require("@/assets/Product_page_whatsapp_desktop/marketing_chain_support_img.png"),
            name: "营销全链路技术支持",
            content:
              "获取数据、转化客户资源、群发推广短信、营销客户服务全程技术支持",
          },
          {
            imgUrl: require("@/assets/Product_page_whatsapp_desktop/lowcost_promotion_channel_img.png"),
            name: "更低成本的推广渠道",
            content:
              "对比Facebook、Google等渠道投放或电商平台的内部投放，可以更有效压缩获客成本",
          },
        ],
      },
      lblist: {
        theme: "客户案例",
        imgUrl: require("@/assets/Homepage_desktop/client_case_hand_shake_img.png"),
        list: [
          {
            img: require("@/assets/Product_page_whatsapp_desktop/user_comment_image1.png"),
            title: "虚拟产品卖家",
            param:
              "我们做虚拟产品的要做常规推广限制很多，51出海团队为我们提供了WhatsApp群发技术，让我们可以稳定地找到客户源。",
          },
          {
            img: require("@/assets/Product_page_whatsapp_desktop/user_comment_image2.png"),
            title: "独立站站长",
            param:
              "一直想找到个低成本又有效的推广方法。与51出海合作把WhatsAPP私域做起来后，我们做持续的复购，把成本摊得比纯投推广更低，效果显著。",
          },
          {
            img: require("@/assets/Product_page_whatsapp_desktop/user_comment_image3.png"),
            title: "亚马逊服装店长",
            param:
              "我们通过51出海的Facebook拓实做站外推广，逐渐积攒下了一大批FB和WS的私域粉丝。多亏了这个操作，我们抵抗住了封店潮的风险。",
          },
        ],
      },
      seaData: {
        title: "51出海",
        twotitle: "转为跨境流量服务",
        imgUrl: require("@/assets/Homepage_desktop/data_pie_img.png"),
        list: [
          {
            name: "触达国家",
            num: "200",
            geshu: "个",
            fuhao: "+",
          },
          {
            name: "触达用户",
            num: "20",
            geshu: "亿",
            fuhao: "+",
          },
          {
            name: "日均拓客",
            num: "10",
            geshu: "万",
            fuhao: "+",
          },
          {
            name: "服务客户",
            num: "50000",
            geshu: "个",
            fuhao: "+",
          },
        ],
      },
      seaHandel: {
        theme: "出海资讯",
        list: [
          {
            img: require("@/assets/news.png"),
            title: "如何正确使用翻译软件，以下技巧请查阅后使用",
            param:
              "51客服系统的WhatsApp、LINE客服聊天端，对接全球顶尖互联网公司翻译数据库，支持全球200+数语言互相翻译，系统自动侦测源语言，只需选择...",
          },
          {
            img: require("@/assets/news.png"),
            title: "如何正确使用翻译软件，以下技巧请查阅后使用",
            param:
              "51客服系统的WhatsApp、LINE客服聊天端，对接全球顶尖互联网公司翻译数据库，支持全球200+数语言互相翻译，系统自动侦测源语言，只需选择...",
          },
          {
            img: require("@/assets/news.png"),
            title: "如何正确使用翻译软件，以下技巧请查阅后使用",
            param:
              "51客服系统的WhatsApp、LINE客服聊天端，对接全球顶尖互联网公司翻译数据库，支持全球200+数语言互相翻译，系统自动侦测源语言，只需选择...",
          },
        ],
      },
    };
  },
};
</script>

<style scoped>
.facebook /deep/ .banner_warp_item_h2 {
  margin-top: 75px;
}
.facebook /deep/ .banner_warp_item_botton {
  margin-top: 145px;
}
.facebook /deep/ .banner_warp_item_bot {
  margin-bottom: 25px;
}
.facebook /deep/ .changjing_h2 > h2 {
  width: 60%;
}
.facebook /deep/ .banner_warp_item_p > p {
  font-size: 1.3em;
}
</style>